@import "pub";
.wrap {
  @include wrap();
  width: 1200px;
  .forder {
    @include flexlbox(row, space-between, flex-start);
    .left {
      box-sizing: border-box;
      padding-right: 20px;
      width: 315px;
      .hotelinfo {
        .img {
          height: 186px;
          width: 297px;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .hotel {
          padding: 5px;
          padding-bottom: 10px;
          border-bottom: 1px solid #ddd;
          .title {
            font-size: 16px;
            color: #000;
            padding-bottom: 5px;
          }
          .address {
            padding-bottom: 5px;
          }
        }
        .hoteldetails {
          @include flexlbox(row, flex-start, flex-start);
          flex-wrap: wrap;
          .details-item {
            width: 50%;
          }
        }
      }
    }
    .right {
      flex: 1;
      background-color: #fff;
      .order-form {
        .order-item {
          padding-top: 10px;
          margin: 0px 40px;
          border-bottom: 1px dashed #ddd;
          .title {
            font-size: 20px;
            margin-bottom: 10px;
          }
          .cc {
            margin-bottom: 10px;
            padding-left: 40px;
            .form-item {
              @include flexlbox(row, flex-start, center);
              margin-bottom: 10px;
              .tip {
                width: 15%;
              }
              .cont {
                .price {
                  em {
                    font-style: normal;
                  }
                  color: #f55 !important;
                  font-size: 18px;
                }
              }
            }
          }
        }
      }
      .order-tip {
        padding: 0 20px;
        background-color: #f9f9f9f9;
        color: #999;
        .bottme{
          
          text-align: right;
          // @include flexlbox(row, flex-end, center);
        }
      }
    }
  }
}
.nor {
  font-size: 13px;
  color: #999 !important;
}
